
/* ==========================================================================
 	 Social footer 
   ========================================================================== */


#social_media_panel {
	
	
	.span4 {
		margin-left:0px;
	}
	
	h3 {
		color:black;
		text-transform:uppercase;
		font-size:2em;
		margin-top: 0px;
	}
	
			.grey_bar {
			background:#666666;	
			padding: 4px;
			height:30px;
			
				a {
				 	text-transform:capitalize;
					font-size:1.2em;
					float:right; 
					text-decoration: none;
					color: white !important;
				}
			
			
			}
			
				.social_box {
					background: #eeeeee;
					min-height: 200px;
					margin-left: 6px;
					
					li {
						font-size: 11px;
						/*font-size: 1em;*/
						padding:4px;
					}
					
					a:hover {
					 color:#ccc !important;		
					}
					
					&:nth-of-type(3n) {
					padding:0px ;
					}
					
				
				}
	
		 
	 .blog_list 		{
		 width:300px;
		 
	 
	 
		li {
		display:block;	
		font-size: 1.3em;
		font-weight:bold;
		padding: 0px !important;
		line-height: 32px;
		height: 32px !important;
		padding: 0px 10px !important;
	
		&:hover {
			background:#eeeeee;	
			cursor:pointer;
				}
	
			}
	 					}
	
	
}


.social_list {
	background:#eeeeee;	
	padding:8px !important;
	
				a {
					height:28px;	
				}
			
					  li {
							width:38px;
							height:36px !important; 
							display:block !important; 
							
							&:last-child {
								padding: 0;
								margin-top: 7px;
								width:100%;
								height:100%;
							}
		
		
								&.facebook {background: url('http://content.gjwtitmuss.co.uk/1/1/images/spritesheet.png') no-repeat -188px -9px;}
								&.twitter {background: url('http://content.gjwtitmuss.co.uk/1/1/images/spritesheet.png') no-repeat -229px -9px;}
								&.google {background: url('http://content.gjwtitmuss.co.uk/1/1/images/spritesheet.png') no-repeat -270px -9px;}
								&.pinterest {background: url('http://content.gjwtitmuss.co.uk/1/1/images/spritesheet.png') no-repeat -311px -9px;}
								&.youtube {background: url('http://content.gjwtitmuss.co.uk/1/1/images/spritesheet.png') no-repeat -352px -9px;}
								&.linkedin {background: url('http://content.gjwtitmuss.co.uk/1/1/images/spritesheet.png') no-repeat -393px -9px;}
								&.instagram {background: url('http://content.gjwtitmuss.co.uk/1/1/images/spritesheet.png') no-repeat -433px -9px;}
								
  				}
 
}







/* ==========================================================================
 	 Social footer 
   ========================================================================== */


#social_media_panel {
	
	
	.span4 {
		margin-left:0px;
	}
	
	h3 {
		color:black;
		text-transform:uppercase;
		font-size:2em;
		margin-top: 0px;
	}
	
			.grey_bar {
			background:#666666;	
			padding: 5px;
			height:30px;
			
				a {
				 	text-transform:capitalize;
					font-size:1.2em;
					float:right;  
					text-decoration: none;
					color: white !important;
				}
			
			
			}
			
				.social_box {
					background:#eeeeee;	
					min-height: 200px;
					margin-left: 6px;
					
					li {
						font-size: 1em;	
						padding:4px;
					}
					 
					a:hover {
					 color:#ccc !important;		
					}
					
					&:nth-of-type(3n) {
					padding:0px ;
					}
					
				
				}
	
		 
	 .blog_list 		{
		 width:300px;
		 
	 
	 
		li {
		display:block;	
		font-size: 1.3em;
		font-weight:bold;
		padding: 0px !important;
		line-height: 32px;
		height: 32px !important;
		padding: 0px 10px !important;
	
		&:hover {
			background:#eeeeee;	
			cursor:pointer;
				}
	
			}
	 					}
	
	
}


.social_list {
	background:#eeeeee;	
	padding:8px !important;
	
	a {
		height:28px;	
	}

  li {
		width:36px !important;
		height:36px !important;
		display: inline-block !important;
		
		&.facebook {background: url('../images/spritesheet.png') no-repeat -188px -9px;}
		&.twitter {background: url('../images/spritesheet.png') no-repeat -229px -9px;}
		&.google {background: url('../images/spritesheet.png') no-repeat -270px -9px;}
		&.pinterest {background: url('../images/spritesheet.png') no-repeat -311px -9px;}
		&.youtube {background: url('../images/spritesheet.png') no-repeat -352px -9px;}
		&.linkedin {background: url('../images/spritesheet.png') no-repeat -393px -9px;}
		&.instagram {background: url('../images/spritesheet.png') no-repeat -433px -9px;}
  }
  }
 






#social_media_panel {
	position: absolute;
	bottom: 44px;
	width: 940px;
	left: 0px;
	background: #cccccc;
	padding: 10px; 
	z-index: 1000000;

}